<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>Foodie-Shop Bootstarp Website Template | Home :: w3layouts</title>
    <link href="/static/index/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <script src="/static/index/js/jquery.js"></script>
    <script src="/static/index/js/bootstrap.min.js"></script>
    <script src="/static/index/js/search.js"></script>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link href="/static/index/css/style.css" rel='stylesheet' type='text/css'/>
    <link href="/static/index/css/shutter.css" rel='stylesheet' type='text/css'/>

    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>

    <!----webfonts---->
    <!-- <link href='http://fonts.googleapis.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'> -->

</head>
<body>
<div class="header">
    <div class="container">
        <div class="header_top">
            <ul class="phone">
                <li class="phone_left"><i class="mobile"> </i><span>1-200-346-2986</span></li>
                <li class="phone_right">Free Ground Shipping for Products over $100</li>
                <div class="clearfix"></div>
            </ul>
            <ul class="social">
                <li><a href=""> <i class="tw"> </i> </a></li>
                <li><a href=""><i class="fb"> </i> </a></li>
                <li><a href=""><i class="rss"> </i> </a></li>
                <li><a href=""><i class="msg"> </i> </a></li>
                <div class="clearfix"></div>
            </ul>
            <ul class="account">
                <li><a href="{:url('index/personal/index')}">个人中心</a></li>
            </ul>
            <ul class="shopping_cart">
                <a href="{:url('home/login/index')}">
                    <li class="shop_left"></i><span>商户入驻</span></li>
                </a>

                <div class="clearfix"></div>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="header_bottom">
            <div class="header_nav">
                <div class="logo">

                    <a href="#"><img src="/static/index/images/logo1.png" alt=""/><br></a>
                </div>
                <nav class="navbar navbar-default menu" role="navigation">
                    <!-- <h3 class="nav_right">
                        <a href="index.html"><img src="/static/index/images/logo.png" class="img-responsive" alt=""/></a>
                    </h3> -->

                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav menu1">
                                <li><a href="{:url('index/index/index')}"
                                       style="font-size: 20px; font-family: 华文琥珀;">首页</a></li>
                                {volist name="category" id="vo"}
                                <li><a href="{:url('index/category/Cateindex',['id' =>$vo['id']])}"
                                       style="font-size: 20px; font-family: 华文琥珀;">{$vo.name}</a></li>
                                {/volist}
                            </ul>

                            {if condition = "empty($list['name'])" }
                            <ul class="login">
                                <a href="{:url('index/login/index')}">
                                    <li class="login_top"><i class="sign"> </i><span>登录</span></li>
                                </a>
                                <a href="{:url('index/register/RegIndex')}">
                                    <li class="login_bottom"><i class="register"> </i><span>注册</span></li>
                                </a>
                            </ul>
                            {else /}
                            <ul class="login">
                                <li class="login_bottom"><i class="register"></i><span>欢迎您登录</span></li>
                                <a href="{:url('index/index/delIndex')}">
                                    <li class="login_top"><i class="sign"> </i><span>退出登录</span></li>
                                </a>
                            </ul>
                            {/if}
                            <div class="clearfix"></div>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
                <div class="clearfix"></div>
            </div>
            <div class="search">
                <form action="{:url('index/index/search')}">
                    <input type="text" class="text sea security" name="word" placeholder="梅亭">
                    <input type="submit" value="Search" class="addsea">
                </form>
            </div>
        </div>
    </div>
</div>
{block name="main"}
<div class="main">
    <div class="container">
        <div class="banner" >
            <div class="shutter img-responsive">
                <div class="shutter-img img-responsive">
                    {volist name="banner" id="v"}
                        <a href="#" data-shutter-title="美食"><img src="__BANNER__/{$v.pic}" class="img-responsive" alt=""/></a>
                    {/volist}
                </div>
                <ul class="shutter-btn">
                    <li class="prev"></li>
                    <li class="next"></li>
                </ul>
                <div class="shutter-desc">
                    <p>美食</p>
                </div>
            </div>
        </div>
            <div class="row content">
                <div class="col-md-3 content_top">
                    <div class="category_box">
                        <h3 class="cate_head">条件筛选搜索</h3>
                        <ul class="category">
                            <form action="{:url('index/index/AttrSearch')}">
                                {volist name="Attr" id="A"}
                                <li><input type="checkbox" name="word[]" value="{$A.id}">-{$A.attr}</li>
                                {/volist}
                                <button class="btn btn-danger Attrsea">搜索</button>
                            </form>
                        </ul>
                    </div>
                    <ul class="product_reviews">
                        <h3><i class="arrow"> </i><span>吃完饭,看场电影吧!</span></h3>
                        <div class="footer_search">
                                <input type="text" name="mname" class="movies">
                                <input type="submit" value="Search" class="smovie">
                        </div>
                        <li>请输入您要查找的电影</li>
                        <li>
                            <ul class="review1">
                                <li class="review1_img">
                                    <img src="" class="img-responsive mpic">
                                </li>
                                <li class="review1_desc">
                                    <h2 class="mtitle"></h2>
                                    <p class="mdesc"></p>
                                </li>
                                <div class="clearfix"></div>
                            </ul>
                        </li>

                        <div class="but">
                            <a href="#">More Reviews<i class="but_arrow"> </i></a>
                        </div>
                    </ul>
                    <ul class="product_reviews">
                        <h3><i class="arrow"> </i><span>Payment Methods</span></h3>
                        <img src="/static/index/images/payment.png" class="img-responsive" alt=""/>
                    </ul>
                </div>
                <div class="col-md-9">
                    <ul class="feature">
                        <h3><i class="arrow"> </i><span>热门店铺</span></h3>
                    </ul>
                    <ul class="feature_grid">
                        {volist name="hot" id="v"}

                        <li class="grid1"><a href="{:url('index/category/create',['id'=>$v['sid']])}"><img
                                src="/uploads/evr/{$v.icon}" class="img-responsive"
                                style="width: 200px; height: 150px;"></a>

                            <p>{$v.comment}</p>
                        </li>
                        {/volist}
                        <div class="clearfix"></div>
                    </ul>
                    <ul class="feature">
                        <h3><i class="arrow"> </i><span>新品推荐</span></h3>
                    </ul>
                    <div class="row content_bottom">
                        {volist name="NewArr" id="N"}
                        <div class="col-md-3">
                            <div class="content_box"><a href="{:url('index/category/create',['id'=>$v['sid']])}">
                                <div class="view view-fifth">
                                    <img src="/uploads/menu/{$N.pic}" class="img-responsive" alt=""/>
                                    <div class="content_box-grid">
                                        <p class="m_1">{$N.desc}</p>
                                        <div class="price">菜式:
                                            <span class="actual">{$N.menu}</span>
                                        </div>
                                        <ul class="product_but">
                                            <li class="but3">预约</li>
                                            <div class="clearfix"></div>
                                        </ul>
                                        <div class="mask">
                                            <div class="info">Quick View</div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            </div>
                        </div>
                        {/volist}
                    </div>
                    <div class="row content_bottom1">
                        {volist name="NewArrs" id="Ns"}
                        <div class="col-md-3">
                            <div class="content_box"><a href="{:url('index/category/create',['id'=>$v['sid']])}">
                                <div class="view view-fifth">
                                    <img src="/uploads/menu/{$Ns.pic}" class="img-responsive">
                                    <div class="content_box-grid">
                                        <p class="m_1">{$Ns.desc}</p>
                                        <div class="price">菜式:
                                            <span class="actual">{$Ns.menu}</span>
                                        </div>
                                        <ul class="product_but">
                                            <li class="but3">预约</li>
                                            <div class="clearfix"></div>
                                        </ul>
                                        <div class="mask">
                                            <div class="info">Quick View</div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
<div class="footer">
    <div class="container">
        <div class="footer-grid footer-grid1">
            <h3 class="m_2">Company</h3>
            <ul class="list1">
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Latest News</a></li>
                <li><a href="#">Login</a></li>
                <li><a href="#">Join Us</a></li>
            </ul>
        </div>
        <div class="footer-grid footer-grid2">
            <h3 class="m_2">Company</h3>
            <ul class="list1">
                <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                <li><a href="#">diam nonummy nibh euismod</a></li>
                <li><a href="#">nostrud exerci tation</a></li>
                <li><a href="#">hendrerit in vulputate velit</a></li>
                <li><a href="#">soluta nobis eleifend option</a></li>
                <li><a href="#">dynamicus, qui sequitur</a></li>
            </ul>
        </div>
        <div class="footer-grid footer-grid3">
            <h3 class="m_2">Information</h3>
            <ul class="list1">
                <li><a href="#">My Account</a></li>
                <li><a href="#">Rewards</a></li>
                <li><a href="#">Terms & Conditions</a></li>
                <li><a href="#">Buying Guide</a></li>
                <li><a href="#">FAQ</a></li>
            </ul>
        </div>
        <div class="footer-grid footer-grid4">
            <h3 class="m_2">Let's be friends</h3>
            <ul class="footer_social">
                <li><a href=""> <i class="tw"> </i> </a></li>
                <li><a href=""><i class="fb"> </i> </a></li>
                <li><a href=""><i class="rss"> </i> </a></li>
                <li><a href=""><i class="msg"> </i> </a></li>
                <div class="clearfix"></div>
            </ul>
            <h3 class="m_3">Subscribe</h3>
            <p class="m_4">aliquam erat volutpat. Ut wisi</p>

           <!--  <div class="footer_search">
                <input type="text" class="text" value="Enter Email" onfocus="this.value = '';"
                       onblur="if (this.value == '') {this.value = 'Enter Email';}">
                <input type="submit" value="Search">
            </div> -->
        </div>
        <div class="footer-grid footer-grid_last">
            <ul class="secure">
                <li class="secure_img"><img src="/static/index/images/secure.png" alt=""/></li>
                <li class="secure_desc">Lorem ipsum dolor coadipiscing</li>
                <div class="clearfix"></div>
            </ul>
            <ul class="secure">
                <li class="secure_img"><img src="/static/index/images/order.png" alt=""/></li>
                <li class="secure_desc">Lorem ipsum dolor coadipiscing</li>
                <div class="clearfix"></div>
            </ul>
        </div>
        <div class="clearfix"></div>
        <div class="copy">
            <p>&copy; 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
        </div>
    </div>
</div>
<script src="/static/index/js/velocity.js"></script>
<script src="/static/index/js/shutter.js"></script>
<script>
$(function () {
    $('.shutter').shutter({
        shutterW: 1140, // 容器宽度
        shutterH: 399.75, // 容器高度
        isAutoPlay: true, // 是否自动播放
        playInterval: 3000, // 自动播放时间
        curDisplay: 1, // 当前显示页
        fullPage: false // 是否全屏展示
    });
});

</script>
</body>
</html>

